<template>
	<view style="width: 100vw;background-color: #fff;">
		<!-- 再逛逛  立即评价1 -->
		<view style="width:60vw;margin-left: 20vw;height: 8vh;display: flex;justify-content: space-around;">
			<view @click="Shoping"
				style="margin-top: 2vh; width: 20vw;height: 4vh;line-height: 4vh;font-size: 0.8rem; border: solid 1px #E43D33;color: #E43D33;text-align: center;border-radius: 20px;">
				再逛逛</view>
			<view @click="goComment"
				style="margin-top: 2vh; width: 20vw;height: 4vh;line-height: 4vh;font-size: 0.8rem; border: solid 1px #E43D33;color: #E43D33;text-align: center;border-radius: 20px;">
				立即评价</view>
		</view>
		<!-- 具体内容 -->
		<view style="width: 100vw;display: flex;flex-wrap: wrap;">
			<view style="width: 48vw;margin-left: 2vw;" v-for="(item,index) in otherList" :key="index">
				<view style="width: 48vw;height: 25vh;">
					<image :src="item.img" mode="" style="width: 48vw;height: 25vh;"></image>
				</view>
				<view
					style="width: 50vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size: 0.8rem;">
					{{item.content}}
				</view>
				<view style="width: 50vw;height: 5vh;line-height: 5vh;font-size: 0.5rem;display: flex;flex-wrap: nowrap;">
					<view style="width: 25vw;color: #F3A73F;">￥{{item.price}}</view>
					<view style="width: 25vw;">有{{item.buyPersom}}人购买</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				otherList: [{
						img: '../../../static/images/img1.png',
						content: '简介简介按就是当你快乐怎么打开垃圾打开了那可怜的总的比较啊',
						price: 125.00,
						buyPersom: 156
					},
					{
						img: '../../../static/images/img1.png',
						content: '简介简介按就是当你快乐怎么打开垃圾打开了那可怜的总的比较啊',
						price: 125.00,
						buyPersom: 156
					},
					{
						img: '../../../static/images/img1.png',
						content: '简介简介按就是当你快乐怎么打开垃圾打开了那可怜的总的比较啊',
						price: 125.00,
						buyPersom: 156
					},
					{
						img: '../../../static/images/img1.png',
						content: '简介简介按就是当你快乐怎么打开垃圾打开了那可怜的总的比较啊',
						price: 125.00,
						buyPersom: 156
					},
				]
			}
		},
		methods: {
			// 跳转再逛逛
			Shoping() {
				uni.switchTab({
					url: '../../home/home'
				})
			},
			// 跳转评价
			goComment() {
				uni.navigateTo({
					url: './comment'
				})
			}
		}
	}
</script>

<style>
</style>
